html 
{
    font-family: sans-serif;
	font-size: 11px;
    margin: 0;
}

body 
{
	background: url(../img/degrade.jpg) repeat-x 0px 130px;
	margin: 0;
}

form 
{
    background-color: transparent;
	margin: 0;
}

h2 
{
	margin-top: 5px;
	font-size: 2.5em;
	margin-bottom: 5px;
}

h3 
{
	border-bottom: 1px solid #999;
	margin: 15px 0;
	padding-bottom: 3px;
}

a, a:active, a:hover, a:visited 
{
	color: #CC0000;
	text-decoration: underline;
}

#topo 
{
    margin: 0px auto 0px;
    padding-top: 0px;
    height: 100px;
    background: #D40000 url(../img/bg_topo2.png) top left repeat-x;
}
	#topo img 
	{
		margin: 2px 2px 2px 30px;
		float:left;
	}
	#topoTitulo 
	{
	    padding-top: 20px;
	    font-weight: bold;
	    text-transform: uppercase;
	    text-shadow: 1px 1px #CC0000;
	    letter-spacing: 1px;
	    color: #FFFFFF;
		float: right;
		margin-right: 30px;
	}
		#topoTitulo table 
		{
		    border: 0px;
		    padding: 0px;
		    margin: 5px 0px 10px;
		    font-size: 0.9em;
		    font-weight: normal;
		    text-transform: none;
		}

#barraTopo 
{
    margin: 0px auto 0px;
    width: 100%;
    background: #E6B800 url(../img/bg_amarelo.png) repeat-x 50%;
    z-index: 10;
}
	#barraTopo ul 
	{
		padding: 7px 10px 7px 30px;
	    margin: 0;
	    list-style:none;
	}
		#barraTopo ul li 
		{
		    overflow: hidden;
		    line-height: 1.5em;
		    display: block;
		    float: left;
		    position: relative;
		    margin-right: 20px;
		}
			#barraTopo ul li:hover 
			{
			    overflow: visible;
			}
			#barraTopo ul li a 
			{
			    color:#6C3600;
			    text-decoration:none;
				text-shadow: -1px 1px 0px #FFCD00;
			}
				#barraTopo ul li a:hover 
				{
				    color:#CC6600;
				}
			#barraTopo ul li ul 
			{
			    margin-top: 0.45em;
			    background-color:#FFFFFF;
			    margin-top:0px;
			    padding:0px;
			    position: absolute;
			    z-index: 10;
			    top: 1.5em;
			    left: 0;
			}
				#barraTopo ul li ul li 
				{
				    background-color:#FFCC66;
				    width: 12em;
				    display:block;
				    padding: 0.15em;
				    padding-left: 0.4em;
				    margin-top: 1px;
				    margin-right:0;
				    z-index: 10;
				}

#barraTopoCaminho 
{
    margin: 20px 30px 0px;
    text-align:left;
	background: url(../img/house.png) no-repeat 0% 1px;
	text-indent: 22px;
}
	#barraTopoCaminho a 
	{
		line-height: 18px;
	}
	#barraTopoCaminho h2 
	{
		text-indent: 0px;
	}

.navmenu 
{
	border-top: 1px solid #999;
	margin-top: 0px;
	list-style: none;
	padding-left: 0px;
	margin: 0px 30px 0px;
	padding-left: 12px;
	background: #EFEFEF;
	text-shadow: -1px 1px 0px #FFF;
}
	.navmenu ul.abas 
	{
		margin: 0px;
		margin-left: 20px;
		padding-left: 0px;
		display: inline;
	}
		.navmenu ul.abas li 
		{
			padding: 8px 16px;
		}
		.navmenu ul.abas li.ativa 
		{
			background: white;
			font-weight: bold;
		}
			.navmenu ul.abas li.ativa a 
			{
				color: black;
				text-decoration: none;
			}
	.navmenu li 
	{
		display: inline;
		line-height: 30px;
		padding-right: 20px;
	}
	a.novo 
	{
		background: url('../img/add.png') no-repeat 0% 50%;
		padding-left: 22px;
	}
	a.voltar 
	{
		background: url('../img/18.png') no-repeat 0% 50%;
		padding-left: 22px;
	}
	a.imprimir 
	{
		background: url('../img/printer.png') no-repeat 0% 50%;
		padding-left: 22px;
	}

#conteudo 
{
    margin: 15px 30px;
    padding: 0px;
    text-align: left;
    height: auto;
    text-transform: none;
}
	#conteudo table 
	{
		text-align: left;
	}
	#conteudo .gridPanel 
	{
	    width: 100%;
	    overflow-x: auto;
	    clear: left;
	}

/* Rodapé */
#rodape
{
    margin: 30px 0px 0px;
    line-height: 30px;
    padding-left: 30px;
    font-weight: normal;
	text-transform:none;
    background: #E6B800 url(../img/bg_amarelo.png) repeat-x 50%;
    color:#A00;
	text-shadow: -1px 1px 0px #FFCD00;
}
	#rodape span 
	{
		float: right;
		color: #6C3600;
		margin-right: 30px;	
	}

/* Login */
body.login 
{
	background-position: top left;
}
	#login
	{
	    margin: 120px auto 50px;
	    width: 400px;
	}
	#loginTopo
	{
	    margin:0px;
	    padding-left:36px;
	    height:30px;
	    letter-spacing:1px;
	    color:#6C3600;
	    background: #E6B800 url(../img/bgLoginTopo.png) 4px 50% no-repeat;
		line-height: 30px;
	}
	#loginConteudo
	{
	    margin:0px;
	    padding-top:30px;
	    padding-left: 10px;
	    padding-bottom:10px;
	    height: auto;
	    border: #E6B800 solid 1px;
	    background: url(../img/bgLogin.png) bottom right no-repeat;
	}
		#loginConteudo #mensagem 
		{
			margin-left: 0;
			margin-top: 0;
		}
		#loginConteudo fieldset
		{
		    border: none;
		}
			#loginConteudo fieldset dt
			{
			    float: left;
			    width: 5em;
			    padding:5px;
			}
			#loginConteudo fieldset dd
			{
			    margin : 0;
			    padding:5px;
			}

.textoPequeno 
{
    width: 120px;
}

.textoMedio 
{
    width: 240px;
}

.textoGrande 
{
    width: 500px;
}

.textoSimbolo 
{
    width: 50px;
}

/* Ícones Grid */
a.editar, a.detalhes, a.relatorio
{
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	border: none;
	padding: 0px;
}
	a.editar 
	{
		background: url(../img/pencil.png) no-repeat center center;
	}
	
	a.detalhes 
	{
		background: url(../img/magnifier.png) no-repeat center center;
	}
	
	a.relatorio 
	{
		background: url(../img/printer.png) no-repeat center center;
	}

button.detalhes 
{
	display: inline-block;
	cursor:pointer;
	width: 28px;
	height: 22px;
	text-indent: -9999px;
	text-decoration: none;
	background: url(../img/magnifier.png) no-repeat center center;
	overflow: hidden;
	border: none;
	
	padding: 0px;
}

#mensagem 
{
	padding: 10px 10px 10px 40px;
	margin: 10px;
	background-color: #FDF5D0;
	border: 1px dotted #E7E7C7;
}

#conteudo #mensagem 
{
	margin: 10px 0px;
}

.sucesso, .erro, .info
{
	background-position: 12px 50%;
	background-repeat: no-repeat;
}

.sucesso 
{
	color: darkgreen;
	background-image: url(../img/02.png);
}

.erro 
{
	color: darkred;
	background-image: url(../img/exclamation.png);
}

.info 
{
	background-image: url(../img/error.png);
	color: #444;
}

/* Plugin Autocomplete */
.ac_results 
{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul 
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li 
{
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 1em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading 
{
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd 
{
	background-color: #FFF3C6;
}

.ac_over 
{
	background-color: #FF6600;
	color: white;
}

/* Modificação Ben Rainir */
#autocomplete input
{
	width: 500px;
}

/* DLs, DTs e DDs */
dl 
{
	zoom: 1;
	margin: 10px 0;
	border: 0;
}
	dt, dd 
	{
		padding: 0px;
		margin: 1px 1px 1px 0;
		border: 0;
	}
	dt 
	{
		float: left;
  		width: 150px;
		min-height: 16px;
		clear: left;
		display: table-cell;
		vertical-align: middle;
		line-height: normal;
	}
		dt label 
		{
			line-height: 22px;
		}
	dd 
	{
		margin : 0;
  		font-weight: bold;
		min-width: 16px;
		min-height: 16px;
		float: left;
	}
	dd input 
	{
		margin: 0;
	}

/* Fieldsets */
div#conteudo fieldset.collapsed 
{
	padding: 0;
}

legend.collapsible, legend.collapsed
{
	cursor: pointer;
}

div#conteudo fieldset 
{
	position: relative;
	display: block;
	padding: 0 0 15px;
	border: 0;
	margin: 15px 0;
	background: #FAFAFA;
}
	div#conteudo fieldset legend 
	{
		width: 100%;
		top: 0;
		left: 0;
		text-indent: 15px;
		line-height: 30px;
		background: #CC0000 url(../img/bg_vermelho.png) repeat-x 50%;
		padding: 0;
		border-bottom: 1px solid #AA0000;
		font-size: 0.9em;
		font-weight: bold;
		color: white;
	}
	div#conteudo fieldset dl, div#conteudo fieldset table, div#conteudo fieldset p,
	div#conteudo fieldset .gridPanel 
	{
		padding: 15px 15px 0;
	}
	div#conteudo fieldset .gridPanel 
	{
		width: auto;
	}
	div#conteudo fieldset .grid thead th, div#conteudo fieldset .grid tfoot th, 
	div#conteudo fieldset .grid tfoot td
	{
		background: none;
		color: black;
		border-bottom: 1px solid #999;
	}
	   div#conteudo fieldset .grid tfoot .paginacao a
		{
		  color: #C00;	
		}
	div#conteudo fieldset .grid tbody td
	{
		background: none;	
	}
	div#conteudo fieldset .grid tr.odd td
	{
		background: #EEE;	
	}
	div#conteudo table tr td fieldset 
	{
		margin: 0;
	}

/* Grid */
.grid 
{
	/*border: 1px solid #AA0000;*/
	border-right: 0;
	border-collapse: collapse;
	font-size: 0.9em;
	clear: both;
	width: 100%;
}
	.grid td, .grid th
	{
		padding: 0.5em;
	}
	.grid th
	{
	    background: #CC0000 url(../img/bg_vermelho.png) repeat-x 50%;
	    font-weight: bold;
	    color: #FFFFFF;
	}
	.grid td
	{
	    background-color: #FAFAFA;
	    font-weight: normal;
	}
	.grid tfoot td, .grid tfoot th 
	{
		background: #CC0000 url(../img/bg_vermelho.png) repeat-x 50%;
		color: #FFF;
	}
	.grid thead th, table.grid tfoot td 
	{
		border-bottom: 1px solid #AA0000;
		/*border: 1px solid #AA0000;*/
	}
	.grid tbody td 
	{
		/*border: 1px solid #DDD;*/
	}
	.grid thead select 
	{
		padding-right: 0;
		border: 1px solid white;
	}
	.grid input[type=text], .grid textarea, .grid select, .grid input[type=password] 
	{
		font-size: 1em;
		padding: 0;
		border: 0;
		background-image: none;
		background-color: white;
	}
	.grid input[type=text], .grid input[type=password] 
	{
		text-indent: 3px;
		height: 17px;
	}
	.grid tbody tr:HOVER td 
	{
		background-color: #ffffbc;
	}
	.grid td.colunaNumerica 
	{
		white-space: nowrap;
	}
	.grid tbody tr.selected td, .grid tbody tr.selected:HOVER td 
	{
		background-color: #fdfd98;
	}
	.grid .colunaFixa input[type=checkbox] 
	{
		margin: 0px;
	}
	.grid .colunaFixa
	{
		width: 14px;
	}
	.grid .paginacao 
	{
		color: white;
	}
		.grid .paginacao .paginaAtual 
		{
			font-weight: bold;
		}
		.grid .paginacao .paginas 
		{
			text-align: center;
		}
		.grid .paginacao a 
		{
			margin: 0px 3px;
			padding: 3px 6px;
			color: white;
		}

/* Linhas Alternadas */
tr.odd td 
{
	background-color: #EEE;
}

/* Inputs */
input[type=text], textarea, select, input[type=password] 
{
	padding: 2px 3px;
	border-width: 1px;
	border-style: solid;
	border-color: #BBB #BBB #DDD #DDD;
	margin: 2px;
	background: #feff99 url(../img/bg_pontilhadoAmarelo.jpg);
	text-transform: uppercase;
	color: #CC0000;
	font-family: inherit;
	font-family: 1em;
}
	input[disabled=disabled], select[disabled=disabled], textarea[disabled=disabled] 
	{
		background: #DDD;
		color: #333 !important;
	}
	input.opcional, select.opcional
	{
		background: white;
	}

/* Botões */
input[type=submit], input[type=button], input[type=reset], button, a.botao
{
    font-size: 1em;
	font-weight: bold;
    color: #CC0000;
    background: #FFFF99;
    padding: 4px 8px;
	border-style: solid;
    border-width: 1px;
    border-color: #e6e68a #cccc7a #cccc7a #e6e68a;
	margin: 3px 3px 3px 0px;
	text-shadow: -1px 1px 0px #FFF;
	cursor: pointer;
	height: 25px;
	text-transform: uppercase;
}
	input[type=submit]:HOVER, input[type=button]:HOVER, input[type=reset]:HOVER, 
	button:HOVER, a.botao:HOVER 
	{
		border-color: #c6c68a #aaaa7a #aaaa7a #c6c68a;
	}
	input[type=submit]:ACTIVE, input[type=button]:ACTIVE, input[type=reset]:ACTIVE, button:ACTIVE
	{
		background: #eeee8e;
	}
	a.botao 
	{
		text-decoration: none;
	}
	/* Solicitação Cliente para Alinhar os Botões de Pesquisar à esquerda */
	input[type=submit].pesquisar, button[type=submit].pesquisar 
	{
		float: left;
	}

/* DatePicker */
.ui-datepicker 
{ 
	display: none;
	font-size: 1em;
	font-family: inherit;
}
	.ui-datepicker-trigger 
	{
		margin-left: 2px;
		vertical-align: baseline;
	}

/* Grids Simples */
table.simpleGrid td, table.simpleGrid th 
{
	padding: 0 0.5em;
}

table.simpleGrid thead th 
{
	border-bottom: 1px solid #333;
	color: #333;
}

fieldset table.simpleGrid tr.odd td 
{
	background-color: #EEE;
}

/* Alertas */
table.alertas 
{
	width: 100%;
	border-spacing: 0;
}
	table.alertas td 
	{
		padding: 3px 5px;
	}
	table.alertas tr.odd td 
	{
		background-color: #EEE;
	}
	
div#conteudo fieldset.grupoAlertas 
{
	width: 48%;
	margin: 1%;
	float: left;
}

/* Fixes */
div#conteudo:after, dl:after, #barraTopo ul:after 
{
	content:".";clear:both;display:block;overflow:hidden;visibility:hidden;height:0
}